<template>
	<view class="main">
		<image class="bg" src="/static/img/bg_8.png"></image>

		<view class="bottom_login">

			<view class="type_row flex_center" @click="goFaceBook()">
				<image class="type_icon" src="/static/img/facebook.png"></image>
				<view>Face book</view>
			</view>

			<view class="type_row flex_center" @click="goEmail()">
				<image class="type_icon" src="/static/img/email.png"></image>
				<view>Email</view>
			</view>

			<view class="password_row flex_center" @click="goPassword()">Account password</view>

			<view class="sign_row flex_center" @click="goSign()">Sign up</view>
			
			<view class="sign_row flex_center" @click="goIndex()">Cancel login</view>

			<view class="word_row">
				Bysigning up or continuing, you agree to our <text @click="goNodes('Terms')">Terms</text> and<text @click="goNodes('Privacy')">Privacy</text>
			</view>

		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			// facebook登录
			goFaceBook(){
				
			},
			// 邮箱登录
			goEmail(){
				this.utils.To('/pages/login/loginEmail')
			},
			// 账号密码登录
			goPassword(){
				this.utils.To('/pages/login/loginPassword')
			},
			// 注册
			goSign(){
				this.utils.To('/pages/login/sign')
			},
			// 取消登录
			goIndex(){
				this.utils.reLaunch('/pages/index/index')
			},
			// 协议
			goNodes(val){
				console.log(val)
				this.utils.To('/pages/login/privacy?privacyName=' + val)
			},
		}
	}
</script>

<style>
	.bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.bottom_login {
		position: absolute;
		bottom: 130rpx;
		left: 0;
		width: 100%;
	}

	.type_row {
		position: relative;
		margin: 30rpx auto;
		width: 84%;
		height: 90rpx;
		background: #FFFFFF;
		border-radius: 45rpx;
		font-weight: bold;
		font-size: 28rpx;
		color: #000000;
	}

	.type_icon {
		position: absolute;
		left: 70rpx;
		width: 48rpx;
		height: 48rpx;
	}

	.password_row {
		margin: 30rpx auto;
		width: 84%;
		height: 90rpx;
		background: #34BA78;
		border-radius: 45rpx;
		font-weight: bold;
		font-size: 28rpx;
		color: #FFFFFF;
	}

	.sign_row {
		margin: 30rpx auto;
		width: 84%;
		height: 90rpx;
		font-weight: bold;
		font-size: 28rpx;
		color: #2FCE80;
	}

	.word_row {
		width: 84%;
		margin: 0 auto;
		text-align: center;
		font-size: 24rpx;
		color: #FFFFFF;
	}

	.word_row text {
		color: #34BA78;
		margin: 0 10rpx;
	}
</style>